<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>QuickStart</title>
    <style>
    .lessonChapters {
        position:absolute;
        top:26px;
        bottom:22px;
        overflow:auto;
    }
    #hint {
        height:9000px;
    }
</style>
<script>
    function runTest()
    {
        document.getElementById('lessons').scrollTop = 10000;
        document.getElementById('toHide').style.display='none';
    }
</script>
</head>

<body onload="runTest();">

<div class="lessonChapters" id="lessons">
<div class="lessonChapter" id="toHide">
    <br />
    Manual repro: scroll down and click on <b>Next step</b>
    <div id="hint">&nbsp;</div>
    <a href="#" class="nextStepButton" onclick="document.getElementById('toHide').style.display='none'">Next step</a>
</div>
<p>Bug #74111: This test is to make sure that a scrolled element does not crash the browser when it goes hidden. The test passes if it does not crash.</p>
PASSED
</div>
    
</body>
</html>
